<!DOCTYPE html>
<html lang="ch">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <script src="a.js"></script>
    <link rel="stylesheet" href="a.css"/> -->
  </head>
  <body>
    <div class="a" onclick="prt()"></div></div>
    <div class="a"></div>
    <div id="b">1342</div>
  </body>

   <style>
    .a {
      width: 100px;
      height: 100px;
      background-color: antiquewhite;
    }
    #b {
      width: 50px;
      height: 30px;
      background-color:aquamarine;
    }
  </style> 
  <script>
    // function prt(){
    //   console.log(16777);
    // }

     const el1 = document.getElementById('b');
     const el2 = document.getElementsByClassName('a');
     console.log(el2);
     console.log(el2[0]);

      el1.innerText= "大傻子";
      el1.innerHTML= '<strong>啊哈哈哈</strong>'
     console.log(el1.innerText);


     let c = [11,22,44,99];
     console.log(c);
     console.log(c[3]);


  </script>
</html>
